<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>vuex概述</title>
  <link rel="stylesheet" href="../css/base.css">
  <script src="../js/vue.js"></script>
  <script src="../js/vue_router.js"></script>
  <script src="../js/vuex.js"></script>
</head>
<!-- 
  vuex的官网:https://unpkg.com/vuex
  vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间的数据共享
    存储在vuex中的数据都是响应式的，能够实时的保持数据与页面的同步

  vuex的基本使用
    1.安装vuex的依赖包(可以通过script标签直接引入)
      npm install vuex --save
    2.导入vuex的包
      import Vuex from "vuex";
      Vue.use(Vuex);
    3.创建store的对象
      const store = new Vuex.Store({
        //state中存放的就是全局共享的数据
      });
    4.创建的store对象挂载到vue的实例中
      new Vue({
        el: "#app",
        render: h => h(app);
        router,
        store
      });
-->

<body>
  <div id="app">

  </div>
</body>
<script>
  "use strict";
  const store = new Vuex.Store({
    
  });

  const vm = new Vue({
    el: "#app",
    data() {
      return {};
    },
    methods: {}
  });
</script>

</html>